import React, { useState } from 'react'
import Show from './Show'
import Action from './Action'
import CounterProvider from '../context/CounterProvider'
// 容器组件,传参的另一种方式

const Parent = () => {
    // 状态提升(状态提升是指将多个组件中共享的状态提升到它们的父组件中)
    // 状态提升的目的是为了实现组件之间的状态共享
    // 状态提升的步骤:
    // 1. 找到公共的状态(count)
    // 2. 提升到父组件中
    // 3. 通过props传递给子组件
    // 适用于: 多个组件需要共享状态(组件层级嵌套少的情况)
    return (
        <CounterProvider>
            <Show />
            <Action />
        </CounterProvider>
    )
}

export default Parent